<template>
  <div style="width:100%;">
    <a-radio-group v-model="value" style="margin:15px;">
      <a-radio-button value="normal">
        普通版
      </a-radio-button>
      <a-radio-button value="enhance">
        加强版
      </a-radio-button>
    </a-radio-group>

    <transition name="slide-fade" mode="out-in">
      <FormNormal v-if="value === 'normal'"></FormNormal>
      <FormEnhance v-else></FormEnhance>
    </transition>
  </div>
</template>
<script>
import FormNormal from './formNormal'
import FormEnhance from './formEnhance'

export default {
  name: 'antform',
  components: {
    FormNormal,
    FormEnhance
  },
  data() {
    return {
      value: 'normal123',
    }
  }
};
</script>
<style scoped lang="css">
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: all .3s ease;
}


.slide-fade-enter, .slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}
</style>